<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- SlidesJS Required: Link to jQuery -->
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!-- End SlidesJS Required -->

    <!-- SlidesJS Required: Link to jquery.slides.js -->
    <!-- End SlidesJS Required -->
    <script type="text/javascript">
        function load()
        {

            <?php
            if ($_REQUEST['login'] != 'fail')
                echo '$("#header").load("header.php");';
            else
                echo '$("#header").load("header.php?login=fail");';

            echo '$("#slider").load("slider.php");';
            ?>
        }
    </script>
</head>


<body onload="load()">
<div id="header"></div>
<div id="slider"></div>
<div class="wrapper">
<section id="maincontent">
<div id="about-panel">
<div class="panel-main-wrapper">
<div class="panel-3col">
<div class="panel-3col-heading">
    ROBOT BOOKING...
</div>
<div class="panel-3col-content02">
<div class="panel-3col-content-booking-left">
    <div class="panel-3col-heading-booking">
        OPTIMUS
    </div>
    <div class="panel-3col-heading-booking">
        CERBERUS
    </div>
    <div class="panel-3col-heading-booking">
        WORLD INVADER
    </div>
</div>
<div class="panel-3col-content-booking">
    <form action="sessionBooking.php" id="booking" method="post">
<table width="82%" style="width: 75%; margin-left: 10%" class="table bordered-table table-striped">
    <tr><td colspan="6"><div style="float: left"> Robot ID: 1 | Robot Name: Optimus</div></td></tr>
<tr>
    <td></td>
    <td><div align="center">MONDAY
        </div></td>
    <td><div align="center">TUESDAY										</div></td>
    <td><div align="center">WEDNESDAY										</div></td>
    <td><div align="center">THURSDAY										</div></td>
    <td><div align="center">FRIDAY										</div></td>
</tr>
<tr>
    <td><div align="center">10am - 11am</div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="mon_10_11" />
                </label>
            <p>&nbsp;</p>
        </div>
							      </td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="tue_10_11" />
                </label>
            <p>&nbsp;</p>
        </div>						    								</td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="wed_10_11" />
                </label>
            <p>&nbsp;</p>
        </div>							</td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="thu_10_11" />
                </label>
            <p>&nbsp;</p>
        </div>									</td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="fri_10_11" />
                </label>
            <p>&nbsp;</p>
        </div>								</td>
</tr><tr>
    <td><div align="center">11am - 12pm</div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="mon_11_12" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="tue_11_12" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="wed_11_12" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="thu_11_12" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="wed_" value="fri_11_12" />
                </label>
            <p>&nbsp;</p>
        </div></td>
</tr><tr>
    <td><div align="center">12pm - 1pm</div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="mon_03" value="mon_12_13" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="tue_03" value="tue_12_13" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV101</p>
                <label>
                    <input type="radio" name="book" id="wed_03" value="wed_12_13" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="thu_03" value="thu_12_13" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="fri_03" value="fri_12_13" />
                </label>
            <p>&nbsp;</p>
        </div></td>
</tr><tr>
    <td><div align="center">1pm - 2pm</div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="mon_04" value="mon_13_14" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="tue_04" value="tue_13_14" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="wed_04" value="wed_13_14" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV101</p>
                <label>
                    <input type="radio" name="book" id="thu_04" value="thu_13_14" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="thu_" value="fri_13_14" />
                </label>
            <p>&nbsp;</p>
        </div></td>
</tr><tr>
    <td><div align="center">2pm - 3pm</div></td>
    <td><div align="center">
            <p>QV101</p>
                <label>
                    <input type="radio" name="book" id="mon_05" value="mon_14_15" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV102</p>
                <label>
                    <input type="radio" name="book" id="tue_05" value="tue_14_15" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV101</p>
                <label>
                    <input type="radio" name="book" id="wed_05" value="wed_14_15" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="thu_05" value="thu_14_15" />
                </label>
            <p>&nbsp;</p>
        </div></td>
    <td><div align="center">
            <p>QV104</p>
                <label>
                    <input type="radio" name="book" id="fri_05" value="fri_14_15" />
                </label>
            <p>&nbsp;</p>
        </div></td>
</tr>
    <tr><td colspan="6"><div style="float: right"><input type="submit" value="Book" class="btn btn-success"/> </div></td></tr>
</table>

    </form>
</div>
<!--<div class="readmore-wrapper"><a href="#" class="readmore">read more</a></div>-->
</div>
</div>
</div>
<!--<div class="panel-3col-wrapper">
    <div class="panel-3col">
        <div class="panel-3col-heading">
            High score...
        </div>
        <div class="panel-3col-content">
            <ol>
                <li><span class="name">Adam</span><span class="score">180</span></li>
                <li><span class="name">Jacky</span><span class="score">178</span></li>
                <li><span class="name">Emily</span><span class="score">165</span></li>
                <li><span class="name">Nirajan</span><span class="score">150</span></li>
                <li><span class="name">Dung</span><span class="score">149</span></li>
                <li><span class="name">Jack</span><span class="score">145</span></li>
            </ol>
            <div class="readmore-wrapper"><a href="#" class="readmore">read more</a></div>
        </div>
    </div>
</div>-->
<!--<div class="panel-3col-wrapper">
    <div class="panel-3col last">
        <div class="panel-3col-heading">
            Lego robot...
        </div>
        <div class="panel-3col-content">
            <ul id="robotsgallery">
                <li><a class="fancybox" rel="group" href="images/31313_FRONT_320.png"><img src="images/31313_FRONT_320.png"/></a></li>
                <li><a class="fancybox" rel="group" href="images/BOBB3E_320.png"><img src="images/BOBB3E_320.png"/></a></li>
                <li><a class="fancybox" rel="group" href="images/DINOR3X_320.png"><img src="images/DINOR3X_320.png" /></a></li>
                <li><a class="fancybox" rel="group" href="images/EV3MEG_320.png"><img src="images/EV3MEG_320.png"/></a></li>
                <li><a class="fancybox" rel="group" href="images/GRIPPER_320.png"><img src="images/GRIPPER_320.png" /></a></li>
                <li><a class="fancybox" rel="group" href="images/MR_B3AM_320.png"><img src="images/MR_B3AM_320.png"/></a></li>
                <li><a class="fancybox" rel="group" href="images/SCORPION_320.png"><img src="images/SCORPION_320.png" /></a></li>
                <li><a class="fancybox" rel="group" href="images/SNAKE_320.png"><img src="images/SNAKE_320.png"/></a></li>
                <li><a class="fancybox" rel="group" href="images/TRACKER_320.png"><img src="images/TRACKER_320.png" /></a></li>
            </ul>
        </div>
    </div>
</div>-->
</div>
</section>
</div>
<div class="clear"></div>
<footer>
    <div id="cerberuslogo">
        <img src="images/cerberuslogo.gif" width="140" height="29" />
    </div>
    <div id="copyright">
        Copyright information
    </div>
</footer>
</body>
</html>
